<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
		<script type="text/javascript">
			//BOM:浏览器对象模型；DOM:文档对象模型
			//BOM对象：window、document、location、navigator、screen、history
			//DOM
			//获取节点
			document.getElementById();	//返回一个元素对象
			document.getElementsByName();	//返回元素对象数字
			document.getElementsByClassName();	//返回元素对象数组(IE8以上才有)
			document.getElementsByTagName();	//返回伪数组形式，不具备数组方法
			//获取/设置元素属性值
			element.getAttribute(attrabuteName);	//括号里传入属性名，返回对应属性的属性值
			element.setAttribute(attrabuteName,attrabuteValue);		//传入属性名以及设置的值
			//创建/增添节点
			//1.创建
			document.createElement("div");//创建一个HTML元素
			document.createTextNode(String);//创建一个文本节点
			document.createAttribute("class");//创建一个属性节点
			//2.增添
			element.appendChild(Node);	//向element内部最后面添加一个节点，参数是节点类型
			element.insertBefore(newNode,existingNode);		//在element内部的existingNode前面插入newNode
			//删除
			element.removeChild(Node);	//删除当前节点下指定的子节点，删除成功返回被删除的节点，否则返回null
			//属性操作
			//获取当前元素的父节点对象
			element.parentNode
			//获取当前元素的子节点对象
			element.children	//返回当前元素所有子元素节点对象，只返回HTML节点
			element.childNodes	//返回当前元素所有子节点，包括文本、HTML、属性节点
			element.firstChild	//返回当前元素的第一个子节点对象
			element.lastChild	//返回当前元素的最后一个子节点对象
			//获取当前元素的同级元素
			element.nextElementSibling	//返回当前元素的下一个同级元素，若没有返回null
			element.previousElementSibling	//返回当前元素的上一个同级元素，若没有返回null
			//获取当前元素文本
			element.innerHTML	//返回元素的所有文本，包括HTML
			element.innerText	返回当前元素自身以及子代所有元素的文本值,只有文本内容,不包括HTML代码
			//获取当前节点的节点类型
			node.nodeType
			//设置样式
			element.style.color="#eee";
		</script>
	</head>
	<body>
	</body>
</html>
